<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">

<head>
    <title th:text="${pageTitle}"></title>
    <div data-th-replace="layout/head-top"></div>
</head>

<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInLeft">
    <div data-th-replace="common/functionDepict"></div>
    <div>
        <div class="ibox float-e-margins">
            <div class="ibox-title">
                <div class="row">
                    <div class="col-sm-5">
                        <h5>
                            <a th:href="@{/admin/op/article/queryArticleList}">
                                <span>
                                    <button class="btn btn-white" data-toggle="tooltip" data-placement="top" title="" data-original-title="刷新资讯列表">
                                        <i class="fa fa-refresh"></i> 刷新
                                    </button>
                                </span>
                            </a>
                            <small>（共<span id="articleCount"></span>条资讯）</small>
                        </h5>
                    </div>
                    <div class="col-sm-3">
                        <form id="search-form" role="form" class="search-form">
                            <div class="input-group opSearchBox">
                                <input placeholder="请输入想要查找的资讯名称" class="input-sm form-control vam common-search-word" type="text" name="title"/>
                                <span class="input-group-btn">
                                    <button id="btn1" type="button" class="btn btn-sm btn-primary vam">搜索</button>
                                </span>
                            </div>
                        </form>
                    </div>
                    <div class="col-sm-2 text-center">
                        <a href="javascript: ;" id="advSearchshowBtn" class="vam">高级搜索操作
                            <i class="fa fa-angle-double-down"></i>
                        </a>
                    </div>
                    <div class="col-sm-2 text-center">
                        <a th:href="@{/admin/op/article/toSaveArticle}">
                            <button type="button" class="btn btn-block btn-danger">
                                <i class="fa fa-plus-circle"></i> 新建资讯
                            </button>
                        </a>
                    </div>
                </div>
            </div>
            <div class="oc-advSearch-box">
                <div class="row">
                    <div class="col-sm-4">
                        <div class="pt10">
                            <div class="checkbox i-checks">
                                <label style="padding-left: 0"><input id="select-all-article" type="checkbox"/> <i></i> 全选</label>
                                <button id="releaseBatch" type="button" class="btn btn-xs btn-primary ml5" data-toggle="tooltip" data-placement="bottom" data-original-title="批量发布"><i class="fa fa-arrow-up"></i></button>
                                <button id="lockBatch" type="button" class="btn btn-xs btn-primary ml5" data-toggle="tooltip" data-placement="bottom" data-original-title="批量隐藏"><i class="fa fa-unlock-alt"></i></button>
                                <button id="regainBatch" type="button" class="btn btn-xs btn-primary ml5" data-toggle="tooltip" data-placement="bottom" data-original-title="批量恢复"><i class="fa fa fa-history"></i></button>
                                <button id="deleteBatch" type="button" class="btn btn-xs btn-primary ml5" data-toggle="tooltip" data-placement="bottom" data-original-title="批量删除"><i class="fa fa-trash-o"></i></button>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-8">
                        <div class="pt10">
                            <form  role="form" class="form-inline search-form">
                                <select class="form-control mb10" name="status">
                                    <option value="">资讯状态</option>
                                    <option value="0">正常</option>
                                    <option value="1">隐藏</option>
                                </select>
                                <select name="typeId" id="articleType"  class="form-control mb10" >
                                    <option value="">选择资讯类型</option>
                                    <option th:if="!${#lists.isEmpty(articleTypeList)}" th:each="articleType : ${articleTypeList}" th:value="${articleType['id']}" th:text="${articleType['typeName']}"></option>
                                </select>
                                <div class="form-group form-box" style="margin-bottom: 10px">
                                    <label for="exampleInputEmail2" class="sr-only">资讯名称</label>
                                    <input placeholder="请输入资讯名称" id="exampleInputEmail2" class="form-control common-search-word" type="email">
                                </div>
                                <button id="btn2" class="btn btn-w-m btn-primary" type="button" style="margin-bottom: 10px">搜索</button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <div class="oc-ibox-content" id="article-list-context">

            </div>
        </div>
    </div>
</div>
<div data-th-replace="layout/head-footer"></div>
<script type="text/javascript" th:src="@{{path}/admin/business/op/article/article-list.js?v={v}(path=${staticPath},v=${v})}"></script>
</body>
</html>